.list-nav{
    // margin-top: .266667rem /* 20/75 */;
    .nav {
        padding: 0 .266667rem /* 20/75 */;
        height: 1.066667rem /* 80/75 */;
        line-height: 1.066667rem /* 80/75 */;
        box-sizing: border-box;
        border-top: .026667rem /* 2/75 */ solid #ccc;
        border-bottom: .026667rem /* 2/75 */ solid #ccc;
        font-size: .346667rem /* 26/75 */;        
        background-image: linear-gradient(#fff,#ccc);
        a {
            color: #000;
        }
    }
    .pick {
        width: 1.68rem /* 126/75 */;
        text-align: center;
        height: .8rem /* 60/75 */;
        line-height: .8rem /* 60/75 */;
        margin-right: .266667rem /* 20/75 */;
        margin-top: .133333rem /* 10/75 */;
        background-image: linear-gradient(#ccc,#fff);
        font-size: .32rem /* 24/75 */;
        border-radius: .106667rem /* 8/75 */;
    }
}

// 排行
.rank {
    height: .933333rem /* 70/75 */;
    padding: 0 .133333rem /* 10/75 */;
    background-color: #eee;
    border-bottom: .026667rem /* 2/75 */ solid #ccc;
    p {
        height: .933333rem /* 70/75 */;
        line-height: .933333rem /* 70/75 */;
        // border: .026667rem /* 2/75 */ solid #ccc;
        padding-left:.266667rem /* 20/75 */;
        font-size: .346667rem /* 26/75 */;
        color: #874604;
        // background-color: #eee;
    }
}

// 列表
// .list {
//     width: 100%;
//     ul {
//         li {

//         }
//     }
// }
// ---------------------------------------------
.list {
    li {
      width: 100%;
      padding: .266667rem /* 20/75 */ .2rem /* 15/75 */;
      border-bottom: .026667rem /* 2/75 */ solid #ccc;
      background-color: #fff;
      a {
        .image {
          width: 2.4rem /* 180/75 */;
          height: 2.4rem /* 180/75 */;
          margin-right: .2rem /* 15/75 */;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .info{
          width: 6.666667rem /* 500/75 */;
          position: relative;
          // background-color: red;
          height: 2.666667rem /* 200/75 */;
          p {
            position: absolute;
            top: .133333rem /* 10/75 */;
            color: #000;
            font-size: .346667rem /* 26/75 */;
            line-height: .44rem /* 33/75 */;
            padding-right: .2rem /* 15/75 */;
          }
          h4 {
              position: absolute;
              top: 1.266667rem /* 95/75 */;
              font-size: .4rem /* 30/75 */;
              color: #E30500;
              font-weight: 400;
          }
          .time {
            position: absolute;
            bottom: .333333rem /* 25/75 */;
            font-size: .32rem /* 24/75 */;
            color: #333;
            font-size: .346667rem /* 26/75 */;
            width: 100%;
          }
        }
      }
    }
  }


 // 分页page
 .pages {
  height: 1.28rem /* 96/75 */;
  width: 100%;
  padding: .266667rem /* 20/75 */ .8rem /* 60/75 */ 0;
  background-color: #fff;
  margin-bottom: .533333rem /* 40/75 */;
  button {
      width: 2rem /* 150/75 */;
      height: .933333rem /* 70/75 */;
      background-color: #eee;
      border-radius: .133333rem /* 10/75 */;
      font-size: .4rem /* 30/75 */;
  }
  .paging {
      margin: 0 auto;
      // background-color: red;
      width: 2.133333rem /* 160/75 */;
      height: .933333rem /* 70/75 */;
      border-radius: .133333rem /* 10/75 */;
      border: 1px solid #000;
      #selectpage {
          display: block;
          width: 2.066667rem /* 155/75 */;
          border-radius: .133333rem /* 10/75 */;
          height: .8rem /* 60/75 */;
          outline: #000;
          // background-color: lime;
          text-align: center;
          font-size: .4rem /* 30/75 */;
          padding: 0 .266667rem /* 20/75 */;

      }
  }

}











